export default function renderHeader(createElement, { column, _self }) {
  let label = column.label;
  let labelArr = label.split(',');
  return createElement(
    'div',
    {
      style: {
        whiteSpace: 'normal',
        lineHeight: '100%',
        display: 'flex',
        flexDirection: 'column',
        textAlign: 'center',
        padding: 0
      }
    },
    [
      createElement('div', {
          attrs: { type: 'text' },
          style: {lineHeight: '16px'}
        },
        [labelArr[0]]
      ),
      createElement('div', {
          attrs: { type: 'text' },
          style: {lineHeight: '16px'}
        }, 
        [labelArr[1]]
      )
    ]
  );
}